<link rel="stylesheet" href="<?php echo ROOT_URL; ?>public/bxslider/jquery.bxslider.css" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo ROOT_URL; ?>public/bxslider/jquery.bxslider.js"></script>
<script>
    $(document).ready(function() {
        $('.bxslider').bxSlider({
            auto: true,
            autoControls: true,
            pause: 4000
        });
    });
</script>
<?php
    //variable
    $title = "";
    $long_description = "";
    foreach($data as $value){
        $title = $value['campaign_title'];
        $long_description = $value['campaign_long_description'];
    }
?>
<div class="bar-content">
    <div class="campaign-detail-img">
        <ul class="bxslider">
            <?php
                if(isset($data[0]['images'])){
                    foreach($data[0]['images'] as $v){
                        echo '<li><img src="'.ROOT_URL.'upload/images/'.$v['media_name'].'"></li>';
                    }
                }
            ?>
            <!--<li><img src="<?php /*echo ROOT_URL; */?>upload/images/campaign.png"></li>
            <li><img src="<?php /*echo ROOT_URL; */?>upload/images/campaign.png"></li>-->
        </ul>
    </div>
    <div class="campaign-detail-content">
        <div class="overview">
            <p class="campaign-content-title" title="<?php echo $title; ?>">
                <?php
                    if(strlen($title) > 50){
                        echo mb_substr(strip_tags(html_entity_decode($title, ENT_QUOTES, 'UTF-8')),0, 50, 'UTF-8')."...";
                    }else{
                        echo $title;
                    }
                ?>
            </p>
            <p class="bar-info" title="<?php echo $long_description; ?>">
                <?php
                if(strlen($long_description) > 100){
                    echo mb_substr(strip_tags(html_entity_decode($long_description, ENT_QUOTES, 'UTF-8')),0, 100, 'UTF-8')."...";
                }else{
                    echo $long_description;
                }
                ?>
            </p>
            <div class="box-border-radius">
                <?php
                    if(Session::get("uid")){
                        ?>
                            <div style="padding: 20px">
                                <p class="font-24">BÌNH LUẬN</p>
                                <p class="font-16">Hiện tại bạn đang tham gia vào chiến dịch này. Click vào đây để</p>
                                <input class="btn button-full-width" type="button" value="Viết bài bình luận">
                            </div>
                        <?php
                    }else{
                        ?>
                            <div style="padding: 20px">
                                <p class="font-24">TRỞ THÀNH BUZZER</p>
                                <p class="font-16">để trải nghiệm miễn phí hoặc ưu đãi với chiến dịch này</p>
                                <a class="button-full-width" title="Tạo tài khoản miễn phí" href="<?php echo ROOT_URL; ?>register">Tạo tài khoản miễn phí</a>
                            </div>
                        <?php
                    }
                ?>
            </div>
        </div>
    </div>
</div>